<template>
  <el-form :model="pbItemInfo" :inline="true" size="small" label-width="280px">
    <el-form-item label="PB_ITEM_NBR">
      <div style="width: 200px;">
        <span class="filter-item">{{ pbItemInfo.pbItemNbr }}</span>
      </div>
    </el-form-item>
    <el-form-item label="PB_UPC:">
      <div style="width: 200px;">
        <span class="filter-item">{{ pbItemInfo.pbUpcNbr }}</span>
      </div>
    </el-form-item>
    <el-form-item label="PB_DESC1:">
      <div style="width: 200px;">
        <span class="filter-item">{{ pbItemInfo.pbItem1Desc }}</span>
      </div>
    </el-form-item>
    <el-form-item label="PB_SIZE:">
      <div style="width: 200px;">
        <span class="filter-item">{{ pbItemInfo.pbSizeDesc }}</span>
      </div>
    </el-form-item>
    <el-form-item label="VB_ITEM_NBR:">
      <div style="width: 200px;">
        <span class="filter-item">{{ pbItemInfo.vbItemNbr }}</span>
      </div>
    </el-form-item>
    <el-form-item label="VB_UPC:">
      <div style="width: 200px;">
        <span class="filter-item">{{ pbItemInfo.vbUpcNbr }}</span>
      </div>
    </el-form-item>
    <el-form-item label="VB_DESC1:">
      <div style="width: 200px;">
        <span class="filter-item">{{ pbItemInfo.vbItem1Desc }}</span>
      </div>
    </el-form-item>
    <el-form-item label="VB_SIZE:">
      <div style="width: 200px;">
        <span class="filter-item">{{ pbItemInfo.vbSizeDesc }}</span>
      </div>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      pbItemInfo: {}
    }
  },
  methods: {}
}
</script>
